하이브리드 앱 웹 글꼴로 문자 그리기(HTML5로 브라우저 게임 만들기) 그래서, 그 차이를 흡수하면서 외형을 좋게 하기 위해서 web 폰트를 도입합니다. HMG 대부호 우선은 프리 폰트 파일(ttf)을 준비합니다. 자신의 앱 이미지에 맞는 무료 글꼴을 열심히 찾아보세요. 그런 다음 글꼴을 변환합니다. 일본어를 포함한 폰트의 경우, 파일 사이즈가 괜찮아 10MB가 되어 버립니다. 이것으로는 제대로 web상에서 취급할 수 없습니다. 거기서 자신이 사용하고 싶은 문자... 캔버스자바스크립트게임 제작하이브리드 앱 브라우저에서 브라우저를 조작하여 스크래핑하기 다른 게시물은 여기 타이틀을 읽고 「무슨 말을 했던 코이츠」라고 생각하신 분도 있을지도 모릅니다. 간단히 말해, 브라우저에서 브라우저 (또는 WebBrowser 컨트롤)를 시작하여 스크래핑하는 방법을 소개합니다. WebBrowser 컨트롤이 내장 된 네이티브 앱 만들기 네이티브 앱에서 WebSocket 서버를 시작합니다 브라우저에서 네이티브 앱의 WebSocket 서버에 로컬 호스트 연결 네... websocket하이브리드 앱자바스크립트스크래핑 IonicPage 채용시 HTML 태그 확장 (Custom Components) 구현 (2/2) 이 기사는 8일째 기사가 됩니다. 마지막으로, 그럼, IonicPage에 따라 새로운 페이지를 만드는 방법까지 게시했습니다. 후반부에서는 HTML 태그 확장(이하 커스텀 태그)을 Ionic Page에 도입하는 부분을 살펴보겠습니다. 우선 새로운 커스텀 태그가 되는 「커스텀 컴퍼넌트」를 생성합니다. component의 신규 작성을 실시하면(자), 다음과 같은 폴더나 파일이 생성됩니다. basi... iOSionic안드로이드코르도바하이브리드 앱 c3에서 하이브리드 앱을 만들어 보자. - 데이터 지속성 편 앱 내에서 데이터를 보관하고 싶을 때가 있습니다. 앱에서 설정이라든지 할 때라든가. 그런 때 cordova-sqlite-storage 를 사용해 갑니다. 이번에는 쉽게 버튼을 누르면 현재 시간을 저장하고 다른 페이지에서 표시해 봅시다. 명령으로 플러그인 설치 루트 모듈 추가 설정 그래도 했는데 모듈을 추가했으면 루트 모듈에 설정이 필요했습니다. src/app/app.module.ts 이상 추... iOSIonic3안드로이드코르도바하이브리드 앱 c3에서 하이브리드 앱을 만들어 보자. - 페이지 전환 편 의 계속입니다. 우선은 화면 천이의 트리거가 되는 버튼을 설치합니다. src/page/home/home.html 이제 한 번 실행해 봅시다. next 라고 표시된 버튼이 표시되었습니다. 지금은 표시되었을 뿐이므로, 반응은 합니다만 천이는 하지 않습니다. 다음은 천이처의 페이지를 만들어 갑니다. ionic에는 generate 라는 편리한 명령이 준비되어 있어 페이지의 추가도 간단하게 할 수 있... iOSIonic3안드로이드코르도바하이브리드 앱 c3에서 하이브리드 앱을 만들어 보자. - 도입편 macOS High Sierra 위의 설치 등은 할애. Ionic CLI 설치 프로젝트에 맞는 cordova와 ionic을 설치합니다. 설치가 완료되면 확인합니다. 지정한 것이 들어 있으면 OK. 이번에는 버전을 지정하고 있지만 @이후를 생략하면 최신판이 설치됩니다. 새로운 ionic 프로젝트를 시작하려면 다음 명령으로 한 번만 진행됩니다. 이번에는 'myapp'이라는 프로젝트를 만들어 봅시... iOSIonic3안드로이드코르도바하이브리드 앱 IonicPage 채용시 HTML 태그 확장 (Custom Components) 구현 정보 (1/2) Ionic - Build Amazing Native Apps and Progressive Web Apps with Ionic Framework and Angular UI의 톤마나가 통일되어 누구나 세련된 인터페이스를 가지는 어플리케이션을 만들 수 있습니다. 톤마나는 '톤 & 매너'의 약자로 광고에서 디자인의 일관성을 갖게 하는 것을 말합니다. 그렇다고는 해도, 표준 컴퍼넌트로 할 수 있는 것... iOSionic안드로이드코르도바하이브리드 앱 Onsen UI를 기초부터 내부 구조까지 이해하기 위한 슬라이드 모음 Onsen UI 개발 멤버의 입니다. 그 때문에 최근에는 Onsen UI의 개발·실장에 자원을 전부 휘두르는 것을 앞두고, 국내에서의 주지 활동의 일환으로서 이벤트로의 등단을 실시하고 있습니다. Onsen UI는 2016/09/15에 버전 2의 정식 릴리스를 맞이했습니다. 이 슬라이드는 그 전에 Onsen UI 2의 새로운 기능(Material Design 지원, 프레임워크 독립적, Auto... WebComponents코르도바하이브리드 앱온 등봉ProgressiveWebApps [PDCA 앱 만들기] ③PDCA 앱 출시 ionic의 스킬을 붙이기 시작한 것이 빠르기 때문에, 이제 ionic V1에서의 앱입니다만 다양한 UI나 기능을 구현하고 있습니다. 여유를 보고 ionic 현행 버전으로 할 예정입니다. 앞으로 숨겨진 기능계를 겉으로 내고 버전 업해 갈 예정입니다. 하이브리드입니다만 우선은 ios판을 내고 있습니다. 현대에 PDCA라고 하는 것은 낡아서 어떨지, PDCA란 평생 돌릴 수 있을까. 라고 하는 ... 아이폰하이브리드 앱앱ionic 【Monaca】Push 통지에 대한 지견 1(iOS_전 준비편) ※ 다만, 이 이용에는, 매니지먼트 API를 작성·사용하는 것을 바탕으로 하고 있기 때문에, Monaca의 Gold 회원 이상이 필요합니다. 또, 상기 기사에도 있습니다만, 단말 ID의 취득 방법은, Qiita에도 이전 정리한 것이 있기 때문에, 소개하겠네요. 그런데, 이번, Monaca의 앱을 작성해, 공개, 또, 단말 ID를 지정해, Push 통지의 송신을 하게 되었으므로, 그것에 관한 ... iOS푸시 알림monaca하이브리드 앱HTML5 [*기타*] 앱에서 외부 데이터 가져오기(Access-Control-Allow-Origin편) 외부 서버와 Ajax 통신하려는 경우를 확인합니다. 일반적으로 다른 도메인에 대한 Ajax 통신은 할 수 없지만 서버 측에서 응답 헤더에 Access-Control-Allow-Origin을 붙임으로써 자신의 서버에 대한 액세스를 허용한다는 것. 품목 설명 Access-Control-Allow-Origin 「*」를 설정하면 모든 사이트로부터의 자원에의 액세스를 허가해 버리기 때문에, 특정의 사... AdventCalendar하이브리드 앱monaca [*기타*] 앱에서 외부 데이터 검색(JSONP편) 앱에서 외부 서버의 데이터를 취하고 싶은 경우의 JSONP편. 일반적으로 다른 도메인에 대해 Ajax 통신을 시도하면 화가납니다. 이것을 크로스 도메인 제약이라고 한다. 그래도 외부 서버의 데이터를 가져오는 것이 필수적이므로, 위와 같은 URL로 액세스했을 때,callback 매개 변수의 값을 서버 측에서 받고, 같은 자바 스크립트 함수를 호출하는 형식으로 서버 측에서 JSON 데이터를 반환... jsonpAdventCalendar하이브리드 앱monaca [*Monaca*] Monaca 개요 Monaca가 편리하므로 편리합니다. 하이브리드 앱을 개발하기 쉬운 환경이 갖추어져 있다. 클라우드 IDE가 있어, 인터넷에도 연결되어 있으면 환경 구축을 하지 않아도 앱의 개발이 시작된다. Git등에서의 버전 관리를 실시하고 싶은 경우는 Monaca Localkit등을 사용하면 할 수 있지만, 무료 체험 후에는 유료가 되고 있다. 무엇보다 일본 회사의 것이므로, 문서 등이 일본어인 것이 좋... AdventCalendar하이브리드 앱monaca 【서버 기능 x 하이브리드 앱】 카메라 사진을 찍어 서버에 올려 공유하는 샘플 앱을 만들어 보았습니다! 원래 문서: Monaca를 사용하여 만든 앱과 모바일 백엔드를 연계하여 스마트 폰 카메라로 찍은 사진을 mBaaS 서버에 업로드하는 기능을 구현하는 샘플 코드입니다. * HTML/CSS/JavaScript로 멀티 플랫폼(iOS/Android/Windows 등)에 앱을 개발할 수 있는 통합 개발 환경 * 스마트 폰 앱의 서버 측 기능 (푸시 통지, 회원 관리, DB 등)을 서버 개발 불필요로 ... 카메라하이브리드 앱NCMBmonaca 【Monaca】Json을 전개하는 방법 【공부 중】 Json 캐릭터 라인을 API로부터 취득해, 전개하는 구현을 해야 하고, 그 방법에 대해서, 검색했으므로, 공유 하겠습니다. Json 문자열을 변수에 직접 쓰면 먼저 단계로 Json 문자열을 변수에 직접 쓰는 경우를 생각했습니다. 소스는 다음과 같습니다. body 태그 내 이어서 JavaScript의 코드는 다음과 같이 썼습니다. 아직 이치이치, JavaScript를 쓰는데 익숙하지 않네요.... 자바스크립트monacajQuery하이브리드 앱HTML5 Ionic/Angular를 확장하는 웹 컴포넌트 mobiscroll 폐사는 개호·의료·육아 지원 등 지역 공생 사회의 실현을 향해, 다양한 ICT 서포트를 실시하고 있습니다. Web 시스템이나 태블릿 앱·스마트 폰 앱 등을 구축하고 있습니다만, 앱 클라이언트는 '올 Ionic'으로 구축되었습니다. 과거에는 Backbone/Angular1에서의 실장이나, Aurelia의 시행 등을 거쳐, 향후는 Ionic과 마음 속의 기세로 유용하고 있습니다! UI 디자이너가... AngularWebComponentsionicmobiscroll하이브리드 앱 [앱개발]- 종류(Native, Hybrid, Cross-platform) and React Native, JS 정리해보자면 사용자들이 보는 앱 화면을 만들고 앱 개발은 대표적으로 "안드로이드"와 "iOS(아이폰)" 두 가지가 있다. 💡 앱 개발 종류 먼저 앱 개발 종류를 살펴보자면 안드로이드, iOS 각각 개발 하는 네이티브 앱! 마지막으로 위 두 가지 방법을 합친 크로스 플랫폼 앱! 🔍 네이티브 앱 (Native App) 다른 방식들보다 높은 수준의 기술력이 필요하며, 각기의 모바일 운영체제(OS)... 리액트 네이티브하이브리드 앱리터럴네이티브 앱비구조 할당Hybrid AppCross-platform Appmodule systemNative App크로스 플랫폼 앱화살표 함수react nativeMaparrow function자바스크립트Cross-platform App
웹 글꼴로 문자 그리기(HTML5로 브라우저 게임 만들기) 그래서, 그 차이를 흡수하면서 외형을 좋게 하기 위해서 web 폰트를 도입합니다. HMG 대부호 우선은 프리 폰트 파일(ttf)을 준비합니다. 자신의 앱 이미지에 맞는 무료 글꼴을 열심히 찾아보세요. 그런 다음 글꼴을 변환합니다. 일본어를 포함한 폰트의 경우, 파일 사이즈가 괜찮아 10MB가 되어 버립니다. 이것으로는 제대로 web상에서 취급할 수 없습니다. 거기서 자신이 사용하고 싶은 문자... 캔버스자바스크립트게임 제작하이브리드 앱 브라우저에서 브라우저를 조작하여 스크래핑하기 다른 게시물은 여기 타이틀을 읽고 「무슨 말을 했던 코이츠」라고 생각하신 분도 있을지도 모릅니다. 간단히 말해, 브라우저에서 브라우저 (또는 WebBrowser 컨트롤)를 시작하여 스크래핑하는 방법을 소개합니다. WebBrowser 컨트롤이 내장 된 네이티브 앱 만들기 네이티브 앱에서 WebSocket 서버를 시작합니다 브라우저에서 네이티브 앱의 WebSocket 서버에 로컬 호스트 연결 네... websocket하이브리드 앱자바스크립트스크래핑 IonicPage 채용시 HTML 태그 확장 (Custom Components) 구현 (2/2) 이 기사는 8일째 기사가 됩니다. 마지막으로, 그럼, IonicPage에 따라 새로운 페이지를 만드는 방법까지 게시했습니다. 후반부에서는 HTML 태그 확장(이하 커스텀 태그)을 Ionic Page에 도입하는 부분을 살펴보겠습니다. 우선 새로운 커스텀 태그가 되는 「커스텀 컴퍼넌트」를 생성합니다. component의 신규 작성을 실시하면(자), 다음과 같은 폴더나 파일이 생성됩니다. basi... iOSionic안드로이드코르도바하이브리드 앱 c3에서 하이브리드 앱을 만들어 보자. - 데이터 지속성 편 앱 내에서 데이터를 보관하고 싶을 때가 있습니다. 앱에서 설정이라든지 할 때라든가. 그런 때 cordova-sqlite-storage 를 사용해 갑니다. 이번에는 쉽게 버튼을 누르면 현재 시간을 저장하고 다른 페이지에서 표시해 봅시다. 명령으로 플러그인 설치 루트 모듈 추가 설정 그래도 했는데 모듈을 추가했으면 루트 모듈에 설정이 필요했습니다. src/app/app.module.ts 이상 추... iOSIonic3안드로이드코르도바하이브리드 앱 c3에서 하이브리드 앱을 만들어 보자. - 페이지 전환 편 의 계속입니다. 우선은 화면 천이의 트리거가 되는 버튼을 설치합니다. src/page/home/home.html 이제 한 번 실행해 봅시다. next 라고 표시된 버튼이 표시되었습니다. 지금은 표시되었을 뿐이므로, 반응은 합니다만 천이는 하지 않습니다. 다음은 천이처의 페이지를 만들어 갑니다. ionic에는 generate 라는 편리한 명령이 준비되어 있어 페이지의 추가도 간단하게 할 수 있... iOSIonic3안드로이드코르도바하이브리드 앱 c3에서 하이브리드 앱을 만들어 보자. - 도입편 macOS High Sierra 위의 설치 등은 할애. Ionic CLI 설치 프로젝트에 맞는 cordova와 ionic을 설치합니다. 설치가 완료되면 확인합니다. 지정한 것이 들어 있으면 OK. 이번에는 버전을 지정하고 있지만 @이후를 생략하면 최신판이 설치됩니다. 새로운 ionic 프로젝트를 시작하려면 다음 명령으로 한 번만 진행됩니다. 이번에는 'myapp'이라는 프로젝트를 만들어 봅시... iOSIonic3안드로이드코르도바하이브리드 앱 IonicPage 채용시 HTML 태그 확장 (Custom Components) 구현 정보 (1/2) Ionic - Build Amazing Native Apps and Progressive Web Apps with Ionic Framework and Angular UI의 톤마나가 통일되어 누구나 세련된 인터페이스를 가지는 어플리케이션을 만들 수 있습니다. 톤마나는 '톤 & 매너'의 약자로 광고에서 디자인의 일관성을 갖게 하는 것을 말합니다. 그렇다고는 해도, 표준 컴퍼넌트로 할 수 있는 것... iOSionic안드로이드코르도바하이브리드 앱 Onsen UI를 기초부터 내부 구조까지 이해하기 위한 슬라이드 모음 Onsen UI 개발 멤버의 입니다. 그 때문에 최근에는 Onsen UI의 개발·실장에 자원을 전부 휘두르는 것을 앞두고, 국내에서의 주지 활동의 일환으로서 이벤트로의 등단을 실시하고 있습니다. Onsen UI는 2016/09/15에 버전 2의 정식 릴리스를 맞이했습니다. 이 슬라이드는 그 전에 Onsen UI 2의 새로운 기능(Material Design 지원, 프레임워크 독립적, Auto... WebComponents코르도바하이브리드 앱온 등봉ProgressiveWebApps [PDCA 앱 만들기] ③PDCA 앱 출시 ionic의 스킬을 붙이기 시작한 것이 빠르기 때문에, 이제 ionic V1에서의 앱입니다만 다양한 UI나 기능을 구현하고 있습니다. 여유를 보고 ionic 현행 버전으로 할 예정입니다. 앞으로 숨겨진 기능계를 겉으로 내고 버전 업해 갈 예정입니다. 하이브리드입니다만 우선은 ios판을 내고 있습니다. 현대에 PDCA라고 하는 것은 낡아서 어떨지, PDCA란 평생 돌릴 수 있을까. 라고 하는 ... 아이폰하이브리드 앱앱ionic 【Monaca】Push 통지에 대한 지견 1(iOS_전 준비편) ※ 다만, 이 이용에는, 매니지먼트 API를 작성·사용하는 것을 바탕으로 하고 있기 때문에, Monaca의 Gold 회원 이상이 필요합니다. 또, 상기 기사에도 있습니다만, 단말 ID의 취득 방법은, Qiita에도 이전 정리한 것이 있기 때문에, 소개하겠네요. 그런데, 이번, Monaca의 앱을 작성해, 공개, 또, 단말 ID를 지정해, Push 통지의 송신을 하게 되었으므로, 그것에 관한 ... iOS푸시 알림monaca하이브리드 앱HTML5 [*기타*] 앱에서 외부 데이터 가져오기(Access-Control-Allow-Origin편) 외부 서버와 Ajax 통신하려는 경우를 확인합니다. 일반적으로 다른 도메인에 대한 Ajax 통신은 할 수 없지만 서버 측에서 응답 헤더에 Access-Control-Allow-Origin을 붙임으로써 자신의 서버에 대한 액세스를 허용한다는 것. 품목 설명 Access-Control-Allow-Origin 「*」를 설정하면 모든 사이트로부터의 자원에의 액세스를 허가해 버리기 때문에, 특정의 사... AdventCalendar하이브리드 앱monaca [*기타*] 앱에서 외부 데이터 검색(JSONP편) 앱에서 외부 서버의 데이터를 취하고 싶은 경우의 JSONP편. 일반적으로 다른 도메인에 대해 Ajax 통신을 시도하면 화가납니다. 이것을 크로스 도메인 제약이라고 한다. 그래도 외부 서버의 데이터를 가져오는 것이 필수적이므로, 위와 같은 URL로 액세스했을 때,callback 매개 변수의 값을 서버 측에서 받고, 같은 자바 스크립트 함수를 호출하는 형식으로 서버 측에서 JSON 데이터를 반환... jsonpAdventCalendar하이브리드 앱monaca [*Monaca*] Monaca 개요 Monaca가 편리하므로 편리합니다. 하이브리드 앱을 개발하기 쉬운 환경이 갖추어져 있다. 클라우드 IDE가 있어, 인터넷에도 연결되어 있으면 환경 구축을 하지 않아도 앱의 개발이 시작된다. Git등에서의 버전 관리를 실시하고 싶은 경우는 Monaca Localkit등을 사용하면 할 수 있지만, 무료 체험 후에는 유료가 되고 있다. 무엇보다 일본 회사의 것이므로, 문서 등이 일본어인 것이 좋... AdventCalendar하이브리드 앱monaca 【서버 기능 x 하이브리드 앱】 카메라 사진을 찍어 서버에 올려 공유하는 샘플 앱을 만들어 보았습니다! 원래 문서: Monaca를 사용하여 만든 앱과 모바일 백엔드를 연계하여 스마트 폰 카메라로 찍은 사진을 mBaaS 서버에 업로드하는 기능을 구현하는 샘플 코드입니다. * HTML/CSS/JavaScript로 멀티 플랫폼(iOS/Android/Windows 등)에 앱을 개발할 수 있는 통합 개발 환경 * 스마트 폰 앱의 서버 측 기능 (푸시 통지, 회원 관리, DB 등)을 서버 개발 불필요로 ... 카메라하이브리드 앱NCMBmonaca 【Monaca】Json을 전개하는 방법 【공부 중】 Json 캐릭터 라인을 API로부터 취득해, 전개하는 구현을 해야 하고, 그 방법에 대해서, 검색했으므로, 공유 하겠습니다. Json 문자열을 변수에 직접 쓰면 먼저 단계로 Json 문자열을 변수에 직접 쓰는 경우를 생각했습니다. 소스는 다음과 같습니다. body 태그 내 이어서 JavaScript의 코드는 다음과 같이 썼습니다. 아직 이치이치, JavaScript를 쓰는데 익숙하지 않네요.... 자바스크립트monacajQuery하이브리드 앱HTML5 Ionic/Angular를 확장하는 웹 컴포넌트 mobiscroll 폐사는 개호·의료·육아 지원 등 지역 공생 사회의 실현을 향해, 다양한 ICT 서포트를 실시하고 있습니다. Web 시스템이나 태블릿 앱·스마트 폰 앱 등을 구축하고 있습니다만, 앱 클라이언트는 '올 Ionic'으로 구축되었습니다. 과거에는 Backbone/Angular1에서의 실장이나, Aurelia의 시행 등을 거쳐, 향후는 Ionic과 마음 속의 기세로 유용하고 있습니다! UI 디자이너가... AngularWebComponentsionicmobiscroll하이브리드 앱 [앱개발]- 종류(Native, Hybrid, Cross-platform) and React Native, JS 정리해보자면 사용자들이 보는 앱 화면을 만들고 앱 개발은 대표적으로 "안드로이드"와 "iOS(아이폰)" 두 가지가 있다. 💡 앱 개발 종류 먼저 앱 개발 종류를 살펴보자면 안드로이드, iOS 각각 개발 하는 네이티브 앱! 마지막으로 위 두 가지 방법을 합친 크로스 플랫폼 앱! 🔍 네이티브 앱 (Native App) 다른 방식들보다 높은 수준의 기술력이 필요하며, 각기의 모바일 운영체제(OS)... 리액트 네이티브하이브리드 앱리터럴네이티브 앱비구조 할당Hybrid AppCross-platform Appmodule systemNative App크로스 플랫폼 앱화살표 함수react nativeMaparrow function자바스크립트Cross-platform App